﻿<Page x:Class="MetroApp.Views.CarouselPanelDemo"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:local="using:MetroApp.Views"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      xmlns:vm="using:MetroApp.ViewModels"
      mc:Ignorable="d">
    <Page.DataContext>
        <vm:CarouselPanelViewModel />
    </Page.DataContext>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>
        <TextBlock Margin="8"
                   FontSize="28"
                   Text="Windows 8 Metro Carousel Panel Sample" />
        <Grid Grid.Row="1" Margin="60">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <ComboBox x:Name="myCarousel"
                      Background="Transparent"
                      ItemsSource="{Binding Products}" Width="150" Height="100">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <Image Width="100"
                               Height="100"
                               Source="{Binding Image}" Stretch="UniformToFill" />
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>
        </Grid>
    </Grid>
</Page>